<?php
include_once('util/bloqueDeSeguridad.php');

include_once('datos/LocalidadDAL.php');
include_once('datos/ProvinciaDAL.php');
include_once('datos/TipoDocumentoDAL.php');
include_once('datos/UsuarioDAL.php');

$tituloSistema = "Administraci&oacute;n de Ventas";
$tituloPagina = "Reportes de Solicitudes";

$idEmpresa = 2;
$empresaImagen = $_SESSION["Icono"];


$loc = new LocalidadDAL();
$resultLocalidad = $loc->comboLocalidad();

$provin = new ProvinciaDAL();
$resultProv = $provin->comboProvincia();

$tipo = new TipoDocumentoDAL();
$resulTipoDNI = $tipo->comboTipoDocumento();

//Alexis 
//Info: 
// - recargar las fechas con fecha actrual para fechahasta y la fechadesde es una semana anterior.

$fechaDesde = Date('d/m/Y', strtotime("-15 days"));
$fechaHasta = Date('d/m/Y');
$idUsuario = 0;

if((isset($_GET['fechadesde']))&&(isset($_GET['fechahasta'])))
{
	$fechaDesde = $_GET['fechadesde'];
	$fechaHasta = $_GET['fechahasta'];
}

if(isset($_GET['idUsuario'])){
    $idUsuario = $_GET['idUsuario'];
}

$pathFull = "SolicitudReporteBLL.php?fechadesde=".$fechaDesde."&fechahasta=".$fechaHasta . "&idUsuario=" . $idUsuario;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title><?php echo $tituloPagina; ?></title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <script src="Content/Scripts/jquery-1.7.2.js" type="text/javascript"></script>
        <script src="Content/Scripts/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script>
        <script src="Content/Scripts/jquery.ui.multiselect-4.3.3.js" type="text/javascript"></script>
        <!--
        <script src="Content/Scripts/jquery.jqGrid.locale-en-4.1.2.js" type="text/javascript"></script>
        //-->

        <script src="js/i18n/grid.locale-es.js" type="text/javascript"></script>

        <script src="Content/Scripts/jquery.jqGrid-4.3.3.min.js" type="text/javascript"></script>
        <script src="Content/Scripts/jquery.droppy.js" type="text/javascript"></script>
        <script src="Content/Scripts/jquery.validate.min.js" type="text/javascript"></script>
        <script src="Content/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
        <script src="js/fancybox.js" type="text/javascript"></script>
        <link href="Content/Site.css" rel="stylesheet" type="text/css" />
        <link href="Content/jquery.css" rel="stylesheet" type="text/css" />
        <link href="Content/themes/redmond/jquery-ui-1.8.20.custom.css" rel="stylesheet" type="text/css" />
        <link href="Content/jqGrid/jquery-ui-jqgrid.css" rel="stylesheet" type="text/css" /> 
        <link rel="stylesheet" media="screen" type="text/css" href="Content/smoothness.datepick.css" />
        <script type="text/javascript" src="js/jquery.datepick.js"></script>
        <script type="text/javascript" src="js/jquery.datepick-es.js" ></script>
        <script>
            var fechadesde = "<?php echo $fechaDesde; ?>";
            var fechahasta = "<?php echo $fechaHasta; ?>";
            var idUsuario = "<?php echo $idUsuario; ?>";
        
            $(function() {
                $("#idUsuario option[value="+ idUsuario +"]").attr("selected",true);
                
                $('#fechadesde').datepick({showOn: 'both', dateFormat: 'dd/mm/yy', clearText: '', clearStatus: '', closeText: '', 
                	onSelect: function(dateText) {
                	    //alert("Selected date: " + dateText);
                	    fechadesde = dateText;
                	}, closeStatus: '', buttonImageOnly: true, buttonImage: 'Content/images/calendar-blue.gif'});
                $('#fechahasta').datepick({showOn: 'both', dateFormat: 'dd/mm/yy', clearText: '', clearStatus: '', closeText: '',
                	onSelect: function(dateText) {
                	    //alert("Selected date: " + dateText);
                	    fechahasta = dateText;
                	}, closeStatus: '', buttonImageOnly: true, buttonImage: 'Content/images/calendar-blue.gif'});
                $( "select" ).change(function(){
                    idUsuario = $( "#idUsuario option:selected" ).val();
                });               
            })
        </script>
        <script type="text/javascript">
        
            $(function() {

                $grid = $("#gridSolicitudAdmin"),
                initDateEdit = function(elem) {
                    setTimeout(function() {
                        $(elem).datepicker({
                            dateFormat: 'dd-M-yy',
                            autoSize: true,
                            changeYear: true,
                            changeMonth: true,
                            showButtonPanel: true,
                            showWeek: true
                        });
                    }, 100);
                },
                initDateSearch = function(elem) {
                    setTimeout(function() {
                        $(elem).datepicker({
                            dateFormat: 'dd-M-yy',
                            autoSize: true,
                            changeYear: true,
                            changeMonth: true,
                            showWeek: true,
                            showButtonPanel: true
                        });
                    }, 100);
                },
                numberTemplate = {formatter: 'number', align: 'right', sorttype: 'number',
                searchoptions: {sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'nu', 'nn', 'in', 'ni']}},
                dateTemplate = {width: 300, align: 'center', sorttype: 'date', formatter: 'date',
                formatoptions: {newformat: 'd-M-Y'}, datefmt: 'd-M-Y', editoptions: {dataInit: initDateEdit},
                searchoptions: {sopt: ['eq', 'ne', 'lt', 'le', 'gt', 'ge'], dataInit: initDateSearch}},
                yesNoTemplate = {align: 'center', formatter: 'checkbox',
                edittype: 'checkbox', editoptions: {value: 'Yes:No', defaultValue: 'Yes'},
                stype: 'select', searchoptions: {sopt: ['eq', 'ne'], value: ':Any;true:Yes;false:No'}};

                $grid.jqGrid({
                    url: '<?php echo $pathFull; ?>',
                    datatype: "xml",
                    mtype: "POST",
                    /*
                    colNames: ['Numero Solicitud', 'Empresa', 'Fecha Solicitud', 'Monto Poliza', 'Monto Pago', 'idClienteSolicitud',
                        'Usuario', 'Activo', 'Cobrado', 'Borrado', 'idCliente', 'Nombre', 'Apellido', 'Fecha Nacimiento', 'Tipo Documento', 'Nro Documento', 'Email', 'Email2',
                        'Calle', 'Numero', 'Piso', 'Depto', 'Telefono', 'Telefono2', 'Localidad', 'Provincia', 'Codigo Postal', 'Codigo Postal',
                        'idClienteTarjeta', 'Numero Tarjeta', 'Codigo Verificacion', 'Vencimiento Tarjeta', 'idEmpresaSolicitud'],
                    */
                    colNames: ['idEmpresaSolicitud', 'Empresa', 'N.Sol', 'Fecha Solicitud', 'Apellido y Nombre', 'Telefono', 'Cuota', 'idClienteSolicitud', 'idClienteTarjeta',  'Numero Tarjeta'],
                    colModel: [
                        {name: 'idEmpresaSolicitud', index: 'idEmpresaSolicitud', key:true, hidden: true, resizable:false},
                        {name: 'Empresa', index: 'idEmpresaSolicitud', width: 80, resizable:false},
                        {name: 'numSolicitud', index: 'numSolicitud', width: 50, editable: true, editoptions: { readonly: 'readonly' }, resizable:false},
                        {name: 'FechaSolicitud', index: 'FechaSolicitud', width: 100, template: dateTemplate, editable: true, resizable:false},
                        {name: 'ApellidoNombre', index: 'ApellidoNombre', width: 200, resizable:true, editable: true, editrules:{required:true, minValue:3, maxValue:200}},
                        {name: 'Telefono', index: 'Telefono', width: 100, resizable:false, editrules:{required:true, minValue:0, maxValue:9999999999999, integer:true}, editable: true},
                        {name: 'MontoPago', index: 'MontoPago', width: 80, template: numberTemplate, editable: true},
                        {name: 'idClienteSolicitud', index: 'idClienteTarjeta', width: 200, hidden: true},
                        {name: 'idClienteTarjeta', index: 'idClienteTarjeta', width: 200, hidden: true},
                        {name: 'NumeroTarjeta', index: 'NumeroTarjeta', width: 200, resizable:false, editrules: {required: true, minValue: 0, maxValue: 9999999999999999, integer: true}, editable: true}
                    ],
                    rowNum: 20,
                    rowList: [5, 10, 20, 50, 100, 500, 1000],
                    pager: '#pager',
                    loadonce: true,

                    //http://stackoverflow.com/questions/13506633/paging-does-not-work-in-jqgrid

                    gridview: true,
                    rownumbers: true,
                    autoencode: true,
                    ignoreCase: true,
                    sortname: 'Empresa',
                    viewrecords: true,
                    multiselect: false,
                    //sortorder: 'desc',
                    shrinkToFit: true,
                    height: '100%',
                    width: '920',
                    	footerrow : true,
                        userDataOnFooter : true,
                        altRows : true
                });

                $('#Filtrar').click(function() {
                    self.location.href = "<?php echo $_SERVER['PHP_SELF'];?>" + "?fechadesde=" + fechadesde + "&fechahasta=" + fechahasta + "&idUsuario=" + idUsuario;
                		return [true,'']; // no error
                    //jQuery("#gridSolicitudAdmin").jqGrid('setGridParam', {url: "SolicitudBLL.php?fechadesde=" + fechadesde + "&fechahasta=" + fechahasta, page: 1}).trigger("reloadGrid");
                });

                $('#Recargar').click(function() {
                	  self.location.href = "<?php echo $_SERVER['PHP_SELF'];?>";
                		return [true,'']; // no error
                    //jQuery("#gridSolicitudAdmin").jqGrid('setGridParam', {url: "SolicitudBLL.php", page: 1}).trigger("reloadGrid");
                });

                $('#SolicitudExportarReporte').click(function() {
                    self.location.href = "SolicitudReporteExportar.php" + "?fechadesde=" + fechadesde + "&fechahasta=" + fechahasta + "&idUsuario=" + idUsuario;;
                }); 
                
                function makeFrame( url ) 
                    { 
                        ifrm = document.createElement( "IFRAME" ); 
                        ifrm.setAttribute( "style", "display:none;" ) ;
                        ifrm.setAttribute( "src", url ) ; 
                        ifrm.style.width = 0+"px"; 
                        ifrm.style.height = 0+"px"; 
                        document.body.appendChild( ifrm ) ; 
                    }  ;

            });
            //]]>
        </script>   
    </head>
    <body>
        <div class="page">
            <?php require_once('util/header.php'); ?>          
            <div id="main">   
                <h2><?php echo $tituloPagina; ?></h2>
                <div align="center">
                    <div id="fechas">
                      <div style="float:left">Usuario<br />
                          <select id="idUsuario" name="idUsuario">
                            <?php
                                $usu = new UsuarioDAL();
                                $result = $usu->comboUsuarioHTML();
                                echo $result;
                            ?> 
                           </select>
                      </div>                        
                        <div style="float:left">Fecha desde<br /><input type="text" id="fechadesde" value="<?php echo $fechaDesde; ?>" /></div>
                        <div style="float:left;margin-left:15px"> Fecha hasta<br /><input type="text" id="fechahasta" value="<?php echo $fechaHasta; ?>"/>
                            <input type="submit" value="Filtrar" id="Filtrar"  class="boton" style="margin-left:15px;"/>
                            <input type="submit" value="Recargar" id="Recargar"  class="boton" style="margin-left:15px;"/>
                        </div>
                        <div style="clear:both"> </div>
                    </div>
                    <table id="gridSolicitudAdmin"><tr><td></td></tr></table>
                    <div id="pager"></div>
                    <div id="botones">
                        <!--
                        <a id="solModificar" class="modificacionAbrirJ boton">Modificar</a>
                        //-->
                        <a id="SolicitudExportarReporte" class="SolicitudExportarReporte boton">Exportar Reporte</a>
                    </div>
                </div>
            </div>
            <?php require_once('util/piepagina.php'); ?>
        </div>
    </body>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".abrir").fancybox({
                maxWidth: 800,
                //maxHeight	: 600,
                fitToView: false,
                width: '80%',
                height: 650,
                autoSize: false,
                openEffect: 'fade',
                closeEffect: 'none',
                type: 'iframe',
                closeClick: true
            });
        });
    </script>
</html>
